<template>
  <view>
    <view class="notice-bar-wrap">
      <view class="laba">
        <image src="@/static/image/laba.png" mode=""></image>
      </view>
      <view class="notice-w">
        <u-notice-bar :text="noticeText" fontSize="24" bgColor="background: rgba(255, 255, 255, 0)"
          icon=" "></u-notice-bar>
      </view>
      <view class="lwh">
        <image src="@/static/image/lwh.png" mode=""></image>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    name: "NoticeBar",
    props: {
      noticeText: {
        type: String,
        default: ''
      }
    },
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss" scoped>
  ::v-deep .u-notice-bar {
    background: rgba(255, 255, 255, 0) !important;
  }

  ::v-deep .u-notice__left-icon {
    display: none !important;
  }

  .notice-bar-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 68rpx;

    .laba {
      width: 80rpx;
      height: 80rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }

    .lwh {
      width: 60rpx;
      height: 60rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }

    .notice-w {
      width: 500rpx;
    }
  }
</style>